<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>公告管理</title>
    <link rel="stylesheet" href="Announcement.css/Announcement-page.css">
</head>

<body>
    <!-- 遮罩层 添加框 -->
    <div id="addmodel">
        <form id="frmadd">
            <h3>新增公告信息</h3>
            <p>公告标题:<input type="text" id="ancmtTitle"></p>
            <p>公告内容:</p>
            <div class="txt"><textarea name="" id="ancmtMain" cols="30" rows="10"></textarea></div>
            <button type="button" id="quxiao">取消</button>
            <button type="button" id="queding">确定</button>
        </form>
    </div>
    <header>
        <div>
            <span>公告管理</span>
            <button>刷新</button>
        </div>
    </header>
    <!-- 表格 -->
    <main>
        <div>
            <div>
                <span>数据列表</span>
                <button id="btndata">新增</button>
            </div>
        </div>
        <table>
            <thead>
                <tr>
                    <th>序号</th>
                    <th>公告标题</th>
                    <th>发布人</th>
                    <th>发布时间</th>
                    <th>操作</th>
                </tr>
            </thead>
            <tbody id="tbAncmt">
            </tbody>
        </table>
    </main>

    <script src="Announcement.js/jQuery.js"></script>
    <script src="Announcement.js/database.js"> </script>
    <script src="layui/layui.js"></script>
    
</body>

</html>